<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>16_文本换行</title>
  <style>
    div{
      width: 300px;
      height: 500px;
      border:1px solid black;
      font-size: 20px;
      white-space: pre;/*可以理解为用了pre标签,文字会超出容器显示*/
      white-space: pre-wrap;/*不会超出容器,会换行*/
      white-space: pre-line;/*忽略始末的空格,不忽略中间的空格和换行,不会超出容器*/
      white-space: nowrap;/*彻底不换行,所有东西都在一行*/
    }
  </style>
</head>
<body>
<div class="box1">
    Lorem ipsum dolor sit amet,
  consectetur adipisicing elit.,
    Accusamus alias aliquid aspernatur b,
  landitiis debitis dignissimos,
  ducimus eaque enim est eveniet hic,
  inventore ipsum itaque molestiae n,
  ecessitatibus nobis odio qui quos recusa,
  ndae, repellendus reprehenderit similique sol,
  uta suscipit tempore ullam ut vero voluptates.,
  Accusamus animi consectetur corporis culpa,

</div>
</body>
</html>